<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bendon blog</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="styles/site.css">

    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<header>  <!-- Static navbar -->
    <nav class="navbar navbar-default navbar-static-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                        aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">Bendon</a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li class="active"><a href="../navbar/">首页</a></li>
                    <li><a href="../navbar/">前端技术</a></li>
                    <li><a href="../navbar/">后端技术</a></li>
                    <li><a href="../navbar/">生活记</a></li>
                    <li><a href="../navbar/">其他文章</a></li>
                    <li><a href="../navbar/">留言板</a></li>
                    <li><a href="../navbar/">音乐馆</a></li>
                </ul>
            </div><!--/.nav-collapse -->
        </div>
    </nav>
</header>

<div class="container">
    <div class="row">
        <div class="col-md-9">
            <div class="blogs">
                <div class="blog-item">
                <span class="blog-pic"><a><img class="lazy"
                                               data-original="http://cdn.nbclass.com/img/blog/66cbfe2cdc0f3cfbd5ace54f56e42f59.jpg"
                                               src="http://cdn.nbclass.com/img/blog/66cbfe2cdc0f3cfbd5ace54f56e42f59.jpg"
                                               style="display: inline;"></a><span class="blog-type"><a zjax=""
                                                                                                       href="/blog/category/7">生活记</a></span></span>
                    <h3 class="blog-title"><a zjax="" href="/blog/article/1">博客开篇，敬自己</a></h3>
                    <p class="blog-text">大千世界，芸芸众生，我们就像其中的一粒尘埃，很渺小。
                        但我们也很强大，珍爱生活，享受生活，爱家庭，爱亲人，爱朋加油，奋斗的路上，我们一起共勉！</p>
                    <div class="blog-info">
                        <ul>
                            <li><span class="fa fa-clock-o"></span><span>2018-08-01</span></li>
                            <li><span class="fa fa-eye"></span><span>345</span></li>
                            <li><a zjax="" class="comment-link-a" href="/blog/article/1#comment"><span
                                    class="fa fa-comments-o"></span><span>2</span></a></li>
                        </ul>
                        <a zjax="" class="read-more" href="/blog/article/1">阅读全文</a>
                    </div>
                </div>
                <div class="blog-item">
                <span class="blog-pic"><a><img class="lazy"
                                               data-original="http://cdn.nbclass.com/img/blog/66cbfe2cdc0f3cfbd5ace54f56e42f59.jpg"
                                               src="http://cdn.nbclass.com/img/blog/66cbfe2cdc0f3cfbd5ace54f56e42f59.jpg"
                                               style="display: inline;"></a><span class="blog-type"><a zjax=""
                                                                                                       href="/blog/category/7">生活记</a></span></span>
                    <h3 class="blog-title"><a zjax="" href="/blog/article/1">博客开篇，敬自己</a></h3>
                    <p class="blog-text">大千世界，芸芸众生，我们就像其中的一粒尘埃，很渺小。
                        但我们也很强大，珍爱生活，享受生活，爱家庭，爱亲人，爱朋加油，奋斗的路上，我们一起共勉！</p>
                    <div class="blog-info">
                        <ul>
                            <li><span class="fa fa-clock-o"></span><span>2018-08-01</span></li>
                            <li><span class="fa fa-eye"></span><span>345</span></li>
                            <li><a zjax="" class="comment-link-a" href="/blog/article/1#comment"><span
                                    class="fa fa-comments-o"></span><span>2</span></a></li>
                        </ul>
                        <a zjax="" class="read-more" href="/blog/article/1">阅读全文</a>
                    </div>
                </div>
                <div class="blog-item">
                <span class="blog-pic"><a><img class="lazy"
                                               data-original="http://cdn.nbclass.com/img/blog/66cbfe2cdc0f3cfbd5ace54f56e42f59.jpg"
                                               src="http://cdn.nbclass.com/img/blog/66cbfe2cdc0f3cfbd5ace54f56e42f59.jpg"
                                               style="display: inline;"></a><span class="blog-type"><a zjax=""
                                                                                                       href="/blog/category/7">生活记</a></span></span>
                    <h3 class="blog-title"><a zjax="" href="/blog/article/1">博客开篇，敬自己</a></h3>
                    <p class="blog-text">大千世界，芸芸众生，我们就像其中的一粒尘埃，很渺小。
                        但我们也很强大，珍爱生活，享受生活，爱家庭，爱亲人，爱朋加油，奋斗的路上，我们一起共勉！</p>
                    <div class="blog-info">
                        <ul>
                            <li><span class="fa fa-clock-o"></span><span>2018-08-01</span></li>
                            <li><span class="fa fa-eye"></span><span>345</span></li>
                            <li><a zjax="" class="comment-link-a" href="/blog/article/1#comment"><span
                                    class="fa fa-comments-o"></span><span>2</span></a></li>
                        </ul>
                        <a zjax="" class="read-more" href="/blog/article/1">阅读全文</a>
                    </div>
                </div>
                <div class="blog-item">
                <span class="blog-pic"><a><img class="lazy"
                                               data-original="http://cdn.nbclass.com/img/blog/66cbfe2cdc0f3cfbd5ace54f56e42f59.jpg"
                                               src="http://cdn.nbclass.com/img/blog/66cbfe2cdc0f3cfbd5ace54f56e42f59.jpg"
                                               style="display: inline;"></a><span class="blog-type"><a zjax=""
                                                                                                       href="/blog/category/7">生活记</a></span></span>
                    <h3 class="blog-title"><a zjax="" href="/blog/article/1">博客开篇，敬自己</a></h3>
                    <p class="blog-text">大千世界，芸芸众生，我们就像其中的一粒尘埃，很渺小。
                        但我们也很强大，珍爱生活，享受生活，爱家庭，爱亲人，爱朋加油，奋斗的路上，我们一起共勉！</p>
                    <div class="blog-info">
                        <ul>
                            <li><span class="fa fa-clock-o"></span><span>2018-08-01</span></li>
                            <li><span class="fa fa-eye"></span><span>345</span></li>
                            <li><a zjax="" class="comment-link-a" href="/blog/article/1#comment"><span
                                    class="fa fa-comments-o"></span><span>2</span></a></li>
                        </ul>
                        <a zjax="" class="read-more" href="/blog/article/1">阅读全文</a>
                    </div>
                </div>
                <div class="blog-item">
                <span class="blog-pic"><a><img class="lazy"
                                               data-original="http://cdn.nbclass.com/img/blog/66cbfe2cdc0f3cfbd5ace54f56e42f59.jpg"
                                               src="http://cdn.nbclass.com/img/blog/66cbfe2cdc0f3cfbd5ace54f56e42f59.jpg"
                                               style="display: inline;"></a><span class="blog-type"><a zjax=""
                                                                                                       href="/blog/category/7">生活记</a></span></span>
                    <h3 class="blog-title"><a zjax="" href="/blog/article/1">博客开篇，敬自己</a></h3>
                    <p class="blog-text">大千世界，芸芸众生，我们就像其中的一粒尘埃，很渺小。
                        但我们也很强大，珍爱生活，享受生活，爱家庭，爱亲人，爱朋加油，奋斗的路上，我们一起共勉！</p>
                    <div class="blog-info">
                        <ul>
                            <li><span class="fa fa-clock-o"></span><span>2018-08-01</span></li>
                            <li><span class="fa fa-eye"></span><span>345</span></li>
                            <li><a zjax="" class="comment-link-a" href="/blog/article/1#comment"><span
                                    class="fa fa-comments-o"></span><span>2</span></a></li>
                        </ul>
                        <a zjax="" class="read-more" href="/blog/article/1">阅读全文</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div>
                <div class="about panel panel-default">
                    <div class="panel-heading">
                        <div class="panel-title">关于本站</div>
                    </div>
                    <div class="panel-body">
                        <div class="avatar"></div>
                        <div class="abname">NBCLASS | 智博客</div>
                        <div class="abtext">90后少年，热爱写bug，热爱编程，热爱学习，分享一些个人项目经验，共同学习，少走弯路。Just do it！</div>

                    </div>
                </div>
                <div class="tag panel panel-default">
                    <div class="panel-heading">
                        <div class="panel-title">标签云</div>
                    </div>
                    <div class="panel-body">

                        <a zjax="" class="btn btn-default btn-xs" href="/blog/tag/1" style="color: rgb(198, 5, 210);">Linux</a>
                        <a zjax="" class="btn btn-default btn-xs" href="/blog/tag/2" style="color: rgb(11, 214, 104);">Java</a>
                        <a zjax="" class="btn btn-default btn-xs" href="/blog/tag/3" style="color: rgb(25, 83, 255);">Spring</a>
                        <a zjax="" class="btn btn-default btn-xs" href="/blog/tag/4" style="color: rgb(255, 84, 115);">Spring
                            Boot</a>
                        <a zjax="" class="btn btn-default btn-xs" href="/blog/tag/5" style="color: rgb(49, 172, 118);">其他</a>
                        <a zjax="" class="btn btn-default btn-xs" href="/blog/tag/9" style="color: rgb(144, 113, 160);">人生</a>
                        <a zjax="" class="btn btn-default btn-xs" href="/blog/tag/10" style="color: rgb(0, 162, 179);">javascript</a>
                        <a zjax="" class="btn btn-default btn-xs" href="/blog/tag/11" style="color: rgb(0, 126, 249);">jquery</a>
                        <a zjax="" class="btn btn-default btn-xs" href="/blog/tag/12" style="color: rgb(0, 176, 234);">播放器</a>
                        <a zjax="" class="btn btn-default btn-xs" href="/blog/tag/13" style="color: rgb(210, 50, 138);">异常</a>

                    </div>
                </div>

                <div class="panel with-nav-tabs panel-default">
                    <div class="panel-heading">
                        <ul class="nav nav-tabs nav-justified">
                            <li class="active"><a href="#tab1default" data-toggle="tab">最新文章</a></li>
                            <li><a href="#tab2default" data-toggle="tab">部长推荐</a></li>
                            <li><a href="#tab3default" data-toggle="tab">点击排行</a></li>
                        </ul>
                    </div>
                    <div class="panel-body">
                        <div class="tab-content">
                            <div class="tab-pane fade in active" id="tab1default">
                                <ol class="article-list">
                                    <li class="slide">
                                        <span class="li-icon li-icon-1">1</span>
                                        <a zjax="" href="/blog/article/229">zb-blog全站启用pjax</a>
                                    </li>
                                    <li class="slide">
                                        <span class="li-icon li-icon-2">2</span>
                                        <a zjax="" href="/blog/article/228">zb-blog模板使用手册（正在开发）</a>
                                    </li>
                                    <li class="slide">
                                        <span class="li-icon li-icon-3">3</span>
                                        <a zjax="" href="/blog/article/227">springboot2.0手动配置错误页面</a>
                                    </li>
                                    <li class="slide">
                                        <span class="li-icon li-icon-4">4</span>
                                        <a zjax="" href="/blog/article/226">zb-blog精简的开源博客系统，完美自适应~~~</a>
                                    </li>
                                    <li class="slide">
                                        <span class="li-icon li-icon-5">5</span>
                                        <a zjax="" href="/blog/article/224">springboot智能错误页面以及自定义异常整合</a>
                                    </li>
                                    <li class="slide">
                                        <span class="li-icon li-icon-6">6</span>
                                        <a zjax="" href="/blog/article/223">springboot全局格式化时间</a>
                                    </li>
                                    <li class="slide">
                                        <span class="li-icon li-icon-7">7</span>
                                        <a zjax=""
                                           href="/blog/article/221">zb-shiro开源springboot+mybatis+shiro+redis整合项目</a>
                                    </li>
                                    <li class="slide">
                                        <span class="li-icon li-icon-8">8</span>
                                        <a zjax="" href="/blog/article/222">zplayer：纯js实现最精简的音乐播放器</a>
                                    </li>
                                    <li class="slide">
                                        <span class="li-icon li-icon-9">9</span>
                                        <a zjax="" href="/blog/article/1">博客开篇，敬自己</a>
                                    </li>
                                </ol>
                            </div>
                            <div class="tab-pane fade" id="tab2default">
                                <ol class="article-list">
                                    <li class="slide">
                                        <span class="li-icon li-icon-1">1</span>
                                        <a zjax="" href="/blog/article/226">zb-blog精简的开源博客系统，完美自适应~~~</a>
                                    </li>
                                    <li class="slide">
                                        <span class="li-icon li-icon-2">2</span>
                                        <a zjax=""
                                           href="/blog/article/221">zb-shiro开源springboot+mybatis+shiro+redis整合项目</a>
                                    </li>
                                    <li class="slide">
                                        <span class="li-icon li-icon-3">3</span>
                                        <a zjax="" href="/blog/article/222">zplayer：纯js实现最精简的音乐播放器</a>
                                    </li>
                                    <li class="slide">
                                        <span class="li-icon li-icon-4">4</span>
                                        <a zjax="" href="/blog/article/224">springboot智能错误页面以及自定义异常整合</a>
                                    </li>
                                </ol>
                            </div>
                            <div class="tab-pane fade" id="tab3default">
                                <ol class="article-list">
                                    <li class="slide">
                                        <span class="li-icon li-icon-1">1</span>
                                        <a zjax="" href="/blog/article/226">zb-blog精简的开源博客系统，完美自适应~~~</a>
                                    </li>
                                    <li class="slide">
                                        <span class="li-icon li-icon-2">2</span>
                                        <a zjax=""
                                           href="/blog/article/221">zb-shiro开源springboot+mybatis+shiro+redis整合项目</a>
                                    </li>
                                    <li class="slide">
                                        <span class="li-icon li-icon-3">3</span>
                                        <a zjax="" href="/blog/article/222">zplayer：纯js实现最精简的音乐播放器</a>
                                    </li>
                                    <li class="slide">
                                        <span class="li-icon li-icon-4">4</span>
                                        <a zjax="" href="/blog/article/1">博客开篇，敬自己</a>
                                    </li>
                                    <li class="slide">
                                        <span class="li-icon li-icon-5">5</span>
                                        <a zjax="" href="/blog/article/223">springboot全局格式化时间</a>
                                    </li>
                                    <li class="slide">
                                        <span class="li-icon li-icon-6">6</span>
                                        <a zjax="" href="/blog/article/228">zb-blog模板使用手册（正在开发）</a>
                                    </li>
                                    <li class="slide">
                                        <span class="li-icon li-icon-7">7</span>
                                        <a zjax="" href="/blog/article/224">springboot智能错误页面以及自定义异常整合</a>
                                    </li>
                                    <li class="slide">
                                        <span class="li-icon li-icon-8">8</span>
                                        <a zjax="" href="/blog/article/229">zb-blog全站启用pjax</a>
                                    </li>
                                    <li class="slide">
                                        <span class="li-icon li-icon-9">9</span>
                                        <a zjax="" href="/blog/article/227">springboot2.0手动配置错误页面</a>
                                    </li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="link panel panel-default">
                    <div class="panel-heading">
                        <div class="panel-title">友情链接</div>
                    </div>
                    <div class="panel-body">
                        <ul>
                            <li><a href="https://ryanc.cc" target="_blank">Ryan0up’S Blog</a></li>
                            <li><a href="https://www.usuuu.com" target="_blank">悠悠吧</a></li>
                            <li><a href="https://www.zhyd.me" target="_blank">张亚东的博客</a></li>
                            <li><a href="https://aodeng.cc" target="_blank">低调小熊猫</a></li>
                        </ul>
                    </div>
                </div>
                <div class="webinfo panel panel-default">
                    <div class="panel-heading">
                        <div class="panel-title">网站信息</div>
                    </div>
                    <div class="panel-body">
                        <ul>
                            <li><i class="fa fa-file fa-fw"></i> 文章总数：<span>9</span> 篇</li>
                            <li><i class="fa fa-tags fa-fw"></i> 标签总数：<span>10</span> 个</li>
                            <li><i class="fa fa-folder-open fa-fw"></i> 分类总数：<span>4</span> 个</li>
                            <li><i class="fa fa-comments fa-fw"></i> 留言数量：<span>55</span> 条</li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

<footer>
    <div class="container">
        <p class="text-muted">Place sticky footer content here.</p></div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</body>
</html>